﻿@variable color {
  header: #ff6600;
  page: #efefef;
}

@variable debug {
    1
}

h1 {
    color: color.header;
}
h2 {
    color: color.header + #000033;
}
h3 {
    color: color.header + #003300;
}
h4 {
    color: color.header + #003333;
}
h5 {
    color: color.header - #004400;
}
h6 {
    color: color.header - #331100;
}

.body, .main {
    background-color: color.page;
}

.csscode, .jscode, .htmlcode, .textcode {
    padding:10px;
    background-color:White;
    border: 1px solid gray;
    overflow:hidden;
    word-wrap: break-word;
    width:650px;
    -extend: rounded_corners;
}

.rounded_corners (radius: 5px)
{
  -moz-border-radius: radius;
  -webkit-border-radius: radius;
  border-radius: radius;
}